<%--
  Created by IntelliJ IDEA.
  User: 12174
  Date: 2020/4/3
  Time: 9:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用旅客信息</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/common_travelers/travelers_add.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>

</head>
<body>
<div id="all">
    <!--个人中心导航栏部分 ：个人信息、账户信息、消息-->
    <div class="cus_header1">
        <div class="cus_nav_2_body">
            <a href="" class="logo">
                <img src="../../images/20200319195003.png" alt="">
            </a>
            <ul class="nav">
                <li class="cus_self_center">
                    <a href="">个人中心</a>
                </li>
                <!--<li class="cus_self_info">-->
                <!--<a href="">个人信息</a>-->
                <!--</li>-->
                <li class="cus_system_msg">
                    <a href="">系统消息</a>
                </li>
            </ul>
        </div>
    </div>
    <!--个人中心得导航栏部分的详细功能模块 ：-->
    <div class="cus_pagecontainer">
        <div class="cus_pagewarp">
            <div class="cus_page">
                <div style="width: 166px;float: left">
                    <div class="info_model">
                        <ul>
                            <li>
                                <a href="/order">我的订单</a>
                            </li>
                            <li>
                                <a href="/collection">我的收藏</a>
                            </li>
                            <li>
                                <a href="/balance">积分优惠</a>
                            </li>
                            <li class="info_model_order">
                                <a href="/travelers">常用旅客</a>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="order_body">
                    <!--
                                旅客信息标题部分
                    -->
                    <div class="com_t_tips">
                        <h2>添加旅客信息</h2>
                        <a href="/travelers">返回旅客列表页</a>
                    </div>
                    <!--
                                获得旅客信息的表单部分
                   -->
                    <div class="add_t_form">
                        <div class="form_div">
                            <form class="layui-form" action="">


                                <div class="layui-form-item">
                                    <label class="layui-form-label">旅客姓名</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="userName" required  lay-verify="required"
                                               placeholder="请输入用户名" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">手机号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="tel" required  lay-verify="required"
                                               placeholder="请输入手机号" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">证件类型</label>
                                    <div class="layui-input-block">
                                        <select name="cType" lay-verify="required">
                                            <option value=""></option>
                                            <option value="0">身份证</option>
                                            <option value="1">护照</option>
                                            <option value="2">港澳台通行证</option>
                                            <option value="3">其他</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">证件号</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="cNo" required  lay-verify="required"
                                               placeholder="请输入证件号" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item" style="display: inline-block">
                                    <label class="layui-form-label">性别</label>
                                    <div class="layui-input-block">
                                        <input type="radio" name="sex" value="男" title="男">
                                        <input type="radio" name="sex" value="女" title="女">
                                    </div>
                                </div>
                                <div class="layui-form-item" style="visibility: hidden;display: inline-block">
                                    <label class="layui-form-label">用户ID</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="cusId" required  lay-verify="required"
                                               placeholder="请输入用户名" autocomplete="off" class="layui-input cusId">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">旅客类型</label>
                                    <div class="layui-input-block">
                                        <select name="tType" lay-verify="required">
                                            <option value=""></option>
                                            <option value="0">老人</option>
                                            <option value="1">成人</option>
                                            <option value="2">儿童</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button class="layui-btn sub_btn" lay-submit lay-filter="formDemo">立即提交</button>
                                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="${pageContext.request.contextPath}/js/common_travelers/travelers_add.js"></script>
</html>
